/*
 * @描述: 累积图
 * @Author: /songzi
 * @Date: 2019-08-19 09:34:03
 * @Last Modified by: songzi
 * @Last Modified time: 2019-08-19 10:28:20
 */

import React, { PureComponent, Fragment } from 'react';
import DataSet from '@antv/data-set';
import { Chart, Geom, Axis, Tooltip, Legend, Coord, Guide, Line } from 'bizcharts';

class Accumulate extends PureComponent {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <Fragment>
        <Axis name="dataTime" />
        <Axis name="value" />
        <Legend />
        <Geom type="areaStack" position="dataTime*value" color={['$network_type', '#f44336-#9c27b0-#2196f3-#ffc107']} />
        <Geom type="lineStack" position="dataTime*value" size={2} color={['$network_type', '#f44336-#9c27b0-#2196f3-#ffc107']} />
      </Fragment>
    );
  }
}

export default Accumulate;
